<!-- xml version="1.0" encoding="utf-8" -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<title>Griechischen Übungsbuch</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<link href="flashcard.css" rel="stylesheet" type="text/css">
</head>


<script type="text/javascript">
var sentences = [
  ['Μάρκον φίλον ἔχω.', '<a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=Ich+habe+Markos+als+Freund.\');">Ich habe Markos als Freund.</a>'],
  ['Μάρκῳ τῷ φίλῳ πιστεύω, τοὺς γὰρ Μάρκου τρόπους γιγνώσκω.', '<a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=Ich+vertraue+meinem+Freund+Markos,\');">Ich vertraue meinem Freund Markos,</a><a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=denn+ich+kenne+den+Charakter+von+Markos.\');"> denn ich kenne den Charakter von Markos.</a>'],
  ['Μάρκος πόνον οὐ φεύγει. Τὸν φίλον ἐν τῷ πόνῳ οὐ λείπει.', '<a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=Markos+scheut+keine+Mühe.\');">Markos scheut keine Mühe.</a><a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=Er+lässt+seinen+Freund+in+der+Not+nicht+im+Stich.\');"> Er lässt seinen Freund in der Not nicht im Stich.</a>'],
  ['Φίλοις οὐ γὰρ πρέπει λείπειν τοὺς φίλους ἐν τοῖς πόνοις.', '<a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=Für+Freunde+gehört+es+sich+nicht,\');">Für Freunde gehört es sich nicht,</a><a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=ihre+Freunde+in+der+Not+im+Stich+zu+lassen.\');"> ihre Freunde in der Not (eigtl. Pl.: in den Notfällen) im Stich zu lassen.</a>'],
  ['Πέτρον οὐκ ἔχομεν φίλον. Ὁ γὰρ Πέτρος τὸν φθόνον οὐ φεύγει.', '<a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=Petros+haben+wir+nicht+zum+Freund.\');">Petros haben wir nicht zum Freund.</a><a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=Denn+Petros+meidet+nicht+den+Neid.\');"> Denn Petros meidet nicht den Neid.</a>'],
  ['Λόγοις τὸν Πέτρον οὐ πείθομεν. Πέτρον φεύγομεν.', '<a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=Mit+Worten+können+wir+Petros+nicht+überreden+.\');">Mit Worten können wir Petros nicht überreden (umschreibend statt: überreden wir nicht).</a><a class="deutsch" href="#" onclick="playSound(\'http://translate.google.cn/translate_tts?tl=de&q=Wir+meiden+Petros.\');"> Wir meiden Petros.</a>']
];

var i = 0;
var j = 0;

var shown = 0;

function updateVoc() {
	var i = Math.floor(shown / 2);

	var j = shown % 2;
	var w0, w1;
	if (document.getElementById("efirst").checked) {
		w0 = sentences[i][1];
		w1 = sentences[i][0];
		document.getElementById("gktxt").className = "v2";
		document.getElementById("v2").className = "gk";
	} else {
		w0 = sentences[i][0];
		w1 = sentences[i][1];
		document.getElementById("gktxt").className = "gk";
		document.getElementById("v2").className = "v2";
	}

	if (j == 0) {
		document.getElementById('gktxt').innerHTML = w0;
		document.getElementById('v2').innerHTML = "";
	} else if (j == 1) {
		document.getElementById('gktxt').innerHTML = w0;
		document.getElementById('v2').innerHTML = w1;
	}
}

function next() {
	shown++;
	if (shown > sentences.length * 2 - 1) {
		shown = 0;
		alert('All done!');
	}
	updateVoc();
}

function prev() {
	shown--;
	if (shown < 0) {
		shown = sentences.length * 2 - 1;
		alert('All done!');
	}
	updateVoc();
}

function playSound(soundfile) {
	document.getElementById("dummy").innerHTML="<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>

<body onload="updateVoc()">
<h1 style="text-align:center; color: #60B0C0;">Griechischen Übungsbuch</h1>

<div class="center">
<div id="gktxt" class="gk"></div>
<div id="v1" class="v1">&nbsp;</div>
<div id="v2" class="v2"></div>

<a href="#" class="button" id="btnprev" onclick="prev()" accesskey="p">&lt;</a>
<a href="#" class="button" id="btnnext" onclick="next()" accesskey="n">&gt;</a>

</div>
<div class="options">
<label for="efirst"><input id="efirst" name="efirst" type="checkbox" onclick="shown=0;updateVoc();"/>German First</label>
</div>
<span id="dummy"></span>

</body>
</html>
